import React from "react";
import "./index.css";

export default class extends React.Component{
    constructor(props){
        super();
        this.state={
            bgColor:props.bgColor,
            text:props.text,
            width:props.width,
            height:props.height,
            borderColor:props.borderColor,
            fontColor:props.fontColor,
            paddingTop:props.paddingTop,
            paddingBottom:props.paddingBottom
        };
    }
    render(){
        return (
            <span className="ColorBoxDetail" style={{  display:"inline-block" ,fontSize:"16px",paddingLeft:"10px",paddingRight:"10px",
                        width:this.state.width,height:this.state.height,
                        backgroundColor:this.state.bgColor,borderRadius:"5px",color:"white",
                        borderColor:this.state.borderColor, color:this.state.fontColor,
                        paddingTop:this.state.paddingTop,paddingBottom:this.state.paddingBottom }}>
                {this.state.text}
            </span>
        )
    }
}